import React from 'react';
import ImageLazy from '../commons/ImageLazy';

const arr_right = require('!url?limit=8192&name=static/img/[hash:6].[ext]!../../static/img/arr_right.png');

export default React.createClass({
  componentDidMount:function(){
    let child1_h = $('.userProblems ul li').eq(1).find('p').height();
    $('.userProblems ul li').eq(1).find('p').height(child1_h);
    $('.userProblems li').tap(function(){
      $('.userProblems li').removeClass('active');
      $('.userProblems li .wrapper').height(0)
      let this_p = $(this).find('p'),
          o_h = this_p.height() + parseInt(this_p.css('margin-top')) + parseInt(this_p.css('margin-bottom'));
      $(this).addClass('active');
      $(this).find('.wrapper').css('height',o_h + 'px')
    })
  },
  render:function(){

    return(
      <div className="userProblems">
        <div className="wrapper">
          {/* <b className="border_b1">请选择您遇到的问题</b> */}
          <ul>
            <li className="active">
              <span className="border_b1"><em>如何联系医生？</em><var><ImageLazy src={arr_right} style={{"width":"0.15rem"}} /></var></span>
              <div className="wrapper" style={{'height':'111'}}>
                <p>
                  您可以在医生详情页中点击“电话咨询”联系医生，如遇联系无人回复建议您耐心等待，医生可能在手术不能及时回复您，希望您谅解。
                </p>
              </div>
            </li>
            <li>
              <span className="border_b1"><em>如何联系院生？</em><var><ImageLazy src={arr_right} style={{"width":"0.15rem"}} /></var></span>
              <div className="wrapper">
                <p>
                  您可以在医院详情页中点击“电话咨询”联系医院。
                </p>
              </div>
            </li>
            <li>
              <span className="border_b1"><em>右功下单后，订单有效期是多久？</em><var><ImageLazy src={arr_right} style={{"width":"0.15rem"}} /></var></span>
              <div className="wrapper">
                <p>
                  如无特殊说明的，订单需在下单后3个月内使用。希望您尽快去医院消费，以避免您最终忘记造成不必要的损失。
                </p>
              </div>
            </li>
            <li>
              <span className="border_b1"><em>价格比医院低，药品会是真的吗？</em><var><ImageLazy src={arr_right} style={{"width":"0.15rem"}} /></var></span>
              <div className="wrapper">
                <p>
                  美人谷只跟正规医院和医生合作，美人谷平台上所有合作的医生和医院都是经过美人谷官方资质审核过的，所用药品都经过药监局检测有批文的，如果您有疑虑，可以当场开包验药。
                </p>
              </div>
            </li>
            <li>
              <span className="border_b1"><em>如何退款？</em><var><ImageLazy src={arr_right} style={{"width":"0.15rem"}} /></var></span>
              <div className="wrapper">
                <p>
                  未消费的订单，从“我的”——“我的订单”——“未消费”中找到订单，点击“申请退款”，进入页面选择真实退款原因后提交退款申请。提交退款申请并审核通过后，订单实际支付的款项将直接退还到原账户。实际到账时间以微信支付平台处理后到账时间为准。
                </p>
              </div>
            </li>
            <li>
              <span className="border_b1"><em>服务码已经验证的订单还可以退款吗？</em><var><ImageLazy src={arr_right} style={{"width":"0.15rem"}} /></var></span>
              <div className="wrapper">
                <p>
                  服务码已经验证的订单视为已被消费使用，美人谷平台将不予退款。
                </p>
              </div>
            </li>
            <li>
              <span className="border_b1"><em>如果微信已扣款，订单仍显示未付款怎么办？</em><var><ImageLazy src={arr_right} style={{"width":"0.15rem"}} /></var></span>
              <div className="wrapper">
                <p>
                  出现此问题，可能是微信的数据没有即时传输至美人谷，请您不要担心，稍后刷新页面查看。 如半小时后仍显示"未付款"，请先联系银行/支付宝/微信客服，获取您扣款的交易号，然后致电美人谷客服400-886-8382，我们会协助您解决。
                </p>
              </div>
            </li>
          </ul>
        </div>
      </div>
    )
  }
})
